.wrap{width:1100px;margin: auto;}
input,button,a {
    outline:0 none !important; blr:expression(this.onFocus=this.blur());
}
a:hover{text-decoration: underline;}
body{ font-family:Microsoft YaHei;color: #333333;}
/*����*/
.top-nav{min-width: 1100px;border-bottom: 1px solid #e8e8e8;}
.top-title p,.top-title ul li {font-size: 12px;color:#666;height: 30px;line-height: 30px;}
.top-title ul li a{color: #666;}
.top-title p{float: left;}
.top-title ul{float: right;}
.top-title ul li{float: left;}
.top-title ul li b{margin: 0 10px;}
/*logo*/
.logo{height: 105px;}
.logo p{float: left;}
.logo img{float: right;}
.logo-p1{margin-top: 20px;}
.logo-p1 span{display: block ;font-size: 34px;color: #0082d0;font-weight: bold;}
.logo-p1 b{font-size: 16px;color: #666;display: block;text-transform: uppercase;}
.logo-p2{font-size: 18px;color: #333;margin-top: 38px;margin-left: 26px;}



/*nav*/
.nav{background-color: #0082d0;min-width: 1100px;}
.nav-list {text-align: center;height: 45px;line-height: 45px;}
.nav-list li{float: left;width:14.28%;border-right: 1px solid #007ee7;display: block;box-sizing: border-box;
border-right: 1px solid #009fff;}
.nav-list li:first-child{border-left: 1px solid #009fff;}
.nav-list li a{color: white;font-size: 16px;text-decoration: none;}
.nav-list li:hover {background-color: #0a70ad;}
.nav-list li a{display: block}
/*banner ͼ*/
.banner img{display: block;width: 100%;min-width:1100px;}

/*about*/
.about{margin-top: 40px;}
.ab-le, .ab-cont{float: left}
.ab-ri{float: right;width: 320px;}
.ab-le{width: 220px;}
.ab-cont{width: 540px;height: 355px;background-color: #eee;margin-left: 10px;}
.ab-le img{width: 220px;height: 355px;}
.ab-cont h3{font-size:24px;color: #000;width: 490px;margin:25px  auto 15px; }
.ab-cont h3 a{color: #000;}
.ab-cont p{font-size:15px;color: #666;line-height: 30px;width: 490px;margin: auto;
    text-overflow: ellipsis; height: 240px;
    display: -webkit-box; /** ������Ϊ��������ģ����ʾ **/
    -webkit-box-orient: vertical; /** ���û���������ж������Ԫ�ص����з�ʽ **/
    -webkit-line-clamp:8; /** ��ʾ������ **/
    overflow: hidden;  /** ���س��������� **/}
.ab-wo1{height: 170px;background-color: #0082d0;}
.ab-wo1 h4{font-size:17px;color: #fff;width: 290px;margin: auto;padding:  20px 0 10px;}
.ab-wo1 p{font-size: 15px;color: #fff;line-height: 33px;width: 290px;margin: auto;}

.ab-wo2{height: 172px;margin-top: 12px;}
.ab-wo2 .ri-le{float: left;width: 230px;background-color: #eee;height: 172px;}
.ab-wo2 .ri-ri{float: right;width: 80px;height: 172px;}
.ri-le p{font-size: 15px;color: #333;line-height: 30px;padding: 20px 0 0 15px;}
.ri-ri img{width: 80px;height: 172px;}

/*show*/
.show{background-color: #f2f0f0;padding:  35px  0 40px;min-width: 1100px;margin-top: 50px;}
.sh-le{float: left;width: 233px;}
.sh-ri {float: right;width: 835px;}

.sh-ti{background-color: #0082d0;text-align: center;padding: 30px 0  18px;}
.sh-ti h4{font-size: 20px;font-weight: bold;color: #fff;}
.sh-ti h4 a{color: #fff;}
.sh-ti p{font-size: 16px;color: #fff;}
.sh-le-list h4{font-size:17px;color: #fff;background-color: #0082d0;text-align: center;height: 15px;
    line-height: 65px;margin-top: 12px;}
.sh-le-list li {line-height: 52px;background-color: #fff;font-size: 16px;color: #666666;box-sizing: border-box;margin-top: 1px;}
.sh-le-list li a{    height: 50px;color: #666666;width: 170px;margin: auto;display: block;overflow: hidden;}

.sh-le-more{background-color: #da1010;margin-top: 12px;}
.sh-le-more p{font-size: 16px;line-height: 32px;color: #fff;text-align: center;}
.sh-le-more p a{color: #fff;display: block;}


.sh-ri-list li{float: left;width: 262px;margin-left: 16px;}
.sh-ri-list li img{width: 262px;height: 195px;overflow:hidden;}
.sh-ri-list li a{display: block;color: #333;}
.sh-ri-list li span{font-size: 17px;color: #333;display: block;}
.sh-ri-list li b{font-size: 14px;color: #333;display: block;}
.sh-ri-list li p{width: 262px;margin: auto;height: 54px; line-height: 40px; overflow: hidden;}
.sh-ri-list li:hover a{text-decoration: none;}
.sh-ri-list li:hover p span{  text-decoration: underline;}

/*good*/
.go-wrap{margin-top: 45px;}
.go-ti{background:url("../images/ti.jpg") center no-repeat;height: 54px;min-width: 1100px;}
.go-ti p{text-align: center;font-size: 30px;color: #fff;line-height: 54px;}

.go-le{float: left;width: 610px;}
.go-ri{float: right;width: 440px;}
.go-ri img{width: 440px;height: 230px;}

.go-item2 .go-le{float: right;}
.go-item2 .go-ri{float: left;}


.go-num{float: left;width: 45px;margin-top: 25px;}
.go-wo{float: right;width: 550px;margin-top: 15px;}
.go-num{background: url("../images/fang.png") no-repeat;width: 45px;height: 48px;}
.go-num p{text-align: center;line-height: 48px;font-size: 25px;color: #fff;}
.go-wo h4{font-size: 22px;color: #0082d0;border-bottom: 1px dashed #d0d0d0;line-height: 45px;}
.go-p1{font-size: 16px;color: #666;line-height: 30px;height: 90px;margin-top: 5px;
    text-overflow: ellipsis;
    display: -webkit-box; /** ������Ϊ��������ģ����ʾ **/
    -webkit-box-orient: vertical; /** ���û���������ж������Ԫ�ص����з�ʽ **/
    -webkit-line-clamp:3; /** ��ʾ������ **/
    overflow: hidden;  /** ���س��������� **/}
.go-btn{margin-top: 20px;}
.go-btn p{float: left;width: 103px;height: 30px;border: 1px solid #646464;background-color: #f5f5f5;
text-align: center;line-height: 30px;font-size: 16px;margin-right: 15px;}
.go-btn p a{color: #666;}
.go-btn p:first-child{border: 1px solid #e77f1e;}
.go-btn .btn1 b{float: right;display: block;color: #e77f1e;width: 10px;height: 1px ;
background-color: #e77f1e;margin-top: 14px;}
.btn1 b:first-child{float: left;}
.go-btn .btn1  a{color: #e77f1e;}

/*now*/
.now{height: 180px;background-color: #006fc1;min-width: 1100px;margin-top: 50px;}
.now .wrap{position: relative;height: 180px;}
.no-wo{position: absolute;left: 25px;top: 30px;z-index: 100;
    width: 855px;height: 120px;border: 0px solid #fff;}
.no-pic{position: absolute;z-index: 60;top: 20px;right: 85px;}
.no-btn{position: absolute;z-index: 80;top: 70px;right: 45px;}
.no-wo h4{font-size: 18px;color: #fff;margin-left:45px;margin-top: 17px;}
.no-wo p{font-size: 30px;color: #fff;margin-left:45px;}
.no-wo h5{font-size: 16px;color: #fff;margin-left:45px;}
.no-pic img{width: 527px;height: 140px;}
.no-btn p , .no-btn img{float: left;}
.no-btn img{width: 40px;height: 40px;}
.no-btn p {line-height: 40px;width: 150px;text-align: center;font-size: 14px;color: #fff;background-color: #006fc1;}
.no-btn p a{display: block;color: #fff;}

/*case*/
.case{background-color: #f7f6f6;min-width: 1100px;padding: 50px 0 30px;}
    /*���� ����*/
.ca-ti{line-height: 45px;border-bottom: 2px solid #ddd;}
.ca-ti span{display: block;float: left;width: 7px;height: 25px;background-color: #0074cf;margin-top: 12px;}
.ca-ti a ,.ca-ti i{font-size: 24px;color: #000;margin:  0 15px  0 5px;}
.ca-ti b{font-size: 16px;color: #666;}
    /*��ͬ*/
.wo-ti a{font-size: 19px;}
.wo-ti b{font-size: 14px;}


.ca-list{margin-top: 35px;}
.ca-list li{float: left;margin-bottom: 10px;width: 260px;margin-left: 20px;}
.ca-list li:first-child{margin-left: 0;}
.ca-list li:first-child+li+li+li+li{margin-left: 0;}
.ca-list li img{width: 260px;height: 195px;}
.ca-list li a{color: #333;}
.ca-list li p{line-height: 40px;font-size: 16px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*why*/
.why{margin-top:45px;background: url("../images/why.png") bottom no-repeat; min-width: 1100px;
background-size:  100% 232px;padding-bottom: 75px;}
.wh-list{margin-top: 30px;text-align:center;overflow:hidden;}

.wh-wo{width:256px;height:363px;border:3px solid #ddd;background: url("../images/w1.jpg") bottom no-repeat;float:left;text-align: center;}
.wh-wo p{width:230px;margin:250px auto;text-align:center;line-height:25px;font-size: 16px;color: #333333;}
.wh-wo1{width:256px;height:363px;border:3px solid #ddd;background: url("../images/w2.jpg") bottom no-repeat;    margin-left: 17px;float:left;text-align: center;}
.wh-wo1 p{width:230px;margin:250px auto;text-align:center;line-height:25px;font-size: 16px;color: #333333;}
.wh-wo2{width:256px;height:363px;border:3px solid #ddd;background: url("../images/w3.jpg") bottom no-repeat;    margin-left: 17px;float:left;text-align: center;}
.wh-wo2 p{width:230px;margin:250px auto;text-align:center;line-height:25px;font-size: 16px;color: #333333;}
.wh-wo3{width:256px;height:363px;border:3px solid #ddd;background: url("../images/w4.jpg") bottom no-repeat;    margin-left: 18px;float:left;text-align: center;}
.wh-wo3 p{width:230px;margin:250px auto;text-align:center;line-height:25px;font-size: 16px;color: #333333;}

    /*���Ų���*/
.news{margin-top: 40px;}
.new1 ,.new2 ,.new3{float: left;width:345px;}

.in-ti{border-bottom: 1px solid #bfbfbf;line-height: 30px;}
.in-ti a {float: left;display: block;font-size: 19px;color: #000;}
.in-ti .more{float: right;}
.in-ti .more {font-size:12px;color: #999;float: right;}
.in-ti a:first-child{border-bottom: 2px solid #026ec8;}

.new-img img{width: 340px;height: 120px;margin: 8px auto;}
.new-list{width: 340px;margin: auto;}
.new-list li{margin-top: 5px;border-bottom: 1px dotted #b8b8b8;}
.new-list li a{font-size: 14px; color: #666;line-height: 30px;}
.new-list li:hover a{color: #9c9c9c;}
.new-list li a b{display: block;float: left;background: url("../images/li.jpg") no-repeat;width: 6px;height: 6px;
margin-top: 12px;margin-right: 7px;}
.new-list li a span{float: left;
    width: 220px;display: block;
    overflow: hidden; /*�Զ���������*/
    text-overflow: ellipsis;/*�������غ����ʡ�Ժ�*/
    white-space: nowrap;/*ǿ�Ʋ�����*/
  }
.new-list li a i{float: right;font-size: 13px;color: #999;}
.new2{margin: 0 30px;}

/*word*/
.word{margin-top: 30px;}
.word .wrap{border-bottom: 3px solid #620e05;padding-bottom: 20px;}
.wo-box{border:4px solid #f4f4f4;box-sizing: border-box;padding: 30px 15px 15px;margin-top: 20px;}
.wo-item{float: left;margin-right: 10px;}

.inp-box{margin-bottom: 15px;}
.inp-box p ,.inp-box .inp{float: left;}
.inp-box p{font-size: 14px;color: #666;width: 75px;}
.inp  {width: 190px;height: 30px;background-color: #fafafa;border: 1px solid #e8e8e8}
.inp input{background-color: transparent;border: none;line-height: 30px;color: #666;
    font-size: 15px;text-indent:10px; width: 190px;height: 30px;}
.inp textarea{width: 248px;height: 70px;border: none;background-color: transparent;resize: none;
text-indent: 10px;font-size: 15px;color: #666;}
.inp-2{width: 248px;height: 70px;background-color: #fafafa;border: 1px solid #e8e8e8}

.wo-btn{float: right;width: 160px;height: 75px;background-color: #0082d0;}
.wo-btn a{font-size: 17px;color: #fff;text-indent: 40px;line-height: 75px;display: block;
background: url("../images/nang.jpg")100px  15px no-repeat;}





/*bottom*/
.bottom{background-color: #0082d0;min-width: 1100px;padding: 35px 81px 5px;margin-top: 25px;}

/*��������*/
.line{margin-bottom: 15px;}
.line li:first-child{font-size: 16px;}
.line li{float: left;font-size: 14px;color: #fff;line-height: 28px;}
.line li a{font-size: 14px;color: #fff;margin:0 15px;}

.bo-line{border-top: 1px solid #006fb1;border-bottom: 1px solid #008fe5;}

.bo-wo{float: left;}
.bo-pic{float: right;margin-top: 15px;}
.bo-wo p a{color: #fff;margin: 0 10px;}
.bo-wo p a:first-child{margin-left: 0;}
.bo-wo p{font-size: 14px;color: #fff;line-height: 28px;    margin-top: 21px;}
.bo-pic p{font-size: 14px;color: #fff;text-align: center;margin-top: 5px;}
/*产品页面*/
}
.yfeye{
    overflow: hidden;
}
.yfeye li{
    float: left;
    padding: 10px;
    font-size: 16px;
}
.yfeye li a:hover{
    color: #188EEE;
}